import React, {
  useState,
  useEffect,
  useCallback,
  useMemo,
  FC,
  useRef,
} from 'react';
import * as charts from 'echarts';
import getOption from './bar';
import getCircleOption from './circle';
import ReactEcharts from 'echarts-for-react';
type Props = {};
const option = getOption();
const circleOption = getCircleOption();

const echarts: FC = (props: Props) => {
  return (
    <div>
      <ReactEcharts option={option} />
    </div>
  );
};
const circle: FC = (props: Props) => {
  return (
    <div>
      <ReactEcharts option={circleOption} />
    </div>
  );
};
export { echarts, circle };
